<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li>
                    <!--period=week&ownerId=085945&ds=2016-10-16-->
                    <a href="#/star/cost/cost_report_list/all/day/0">存储列表</a>
                </li>
                <li class="active">存储详情</li>
            </ul>
        </div>
    </div>
</div>

<div style="padding: 0 10px 0; float:right;">
    <div style="text-align: right;font-size: 1.2rem; color: red;">更新时间：10:00，负责人：lixiyong01，表doris：app_zp_rock_table_meta_info，成本（阿里云）：0.004元/GB/天（≤0.5GB 0.01元/天）（仅作参考）</div>
    <br />
</div>

<div class="container-fluid">
    <div style="margin: 10px">

        <div style="padding: 0 10px 10px;">
            <div class="row">
                <div class="col-sm-10 col-md-10">
                    <form class="form-inline" action="" onsubmit="return false;">
                        <div class="form-group">
                            <label>报告时间：</label>
                            <input type="text" name="dt" ng-model="vm.p.dt" placeholder="报告时间" value="20210612"
                                   class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="basicPath">存储路径：</label>
                            <select class="form-control" ng-model="vm.p.basicPath" id="basicPath">
                                <option value="">ALL</option>
                                <option>/home/hdp_lbg_zhaopin/warehouse/</option>
                                <option>/home/hdp_lbg_zhaopin/resultdata/</option>
                                <option>/home/hdp_lbg_zhaopin/rawdata/</option>
                                <option>/home/hdp_lbg_supin/warehouse/</option>
                                <option>/home/hdp_lbg_supin/resultdata/</option>
                                <option>/home/hdp_lbg_supin/rawdata/</option>
                                <option>/home/hdp_hrg_yunying/warehouse/</option>
                            </select>
                        </div>

                        <button id="refreshTable" type="button" class="btn btn-primary" ng-click="loadCostReportDetail()">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h3 class="sub-header" style="display:inline-block">存储详情</h3>
                <table id="list_table" class="table table-condensed" data-toolbar="#toolbar"
                    data-search="true" data-show-toggle="true" data-show-columns="true"
                    data-show-pagination-switch="true" data-pagination="true" data-search-align="left"
                    data-buttons-align="left" data-toolbar-align="left" data-side-pagination="client">
                    <thead>
                        <tr>
                            <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                             <th data-field="tableId" data-sortable="true" data-formatter="costReportDetailIDFmt">操作</th>
                            <th data-field="userName" data-sortable="true">负责人</th>
                            <th data-field="basicPath" data-sortable="true">存储根路径</th>
                            <th data-field="dbtbl" data-sortable="true">数据库表</th>
                            <th data-field="filesize" data-sortable="true" data-formatter="storeSizeFmt">存储大小</th>
                            <th data-field="filesize" data-sortable="true" data-formatter="storeCostFmt">成本（元/天）</th>
                            <th data-field="dayFilesizeInc" data-sortable="true" data-formatter="storeSizeFmt">日存储新增</th>
                            <th data-field="dayFilesizeIncRatio" data-sortable="true" data-formatter="toPencent">日存储增长率</th>
                            <th data-field="weekFilesizeInc" data-sortable="true" data-formatter="storeSizeFmt">周存储新增</th>
                            <th data-field="weekFilesizeIncRatio" data-sortable="true" data-formatter="toPencent">周存储增长率</th>
                            <th data-field="lifecycle" data-sortable="true" data-formatter="lifecycleFmt">生命周期</th>
                            <th data-field="isPartition" data-sortable="true" data-formatter="isPartitionFmt">是否分区表</th>
                            <th data-field="maxAccessSpanIn100Days" data-sortable="true" data-formatter="maxAccessSpanIn100DaysFmt">100天访问跨度</th>
                            <th data-field="createTime" data-sortable="true">创建时间</th>
                            <th data-field="dt" data-sortable="true">报告时间</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
